<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>拼夕夕商店</title>

    <!-- Favicons -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/bs/assets/images/favicon.ico">

    <!-- Vendor CSS (Icon Font) -->

    <!-- 
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/fontawesome.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/pe-icon-7-stroke.min.css" />
-->


    <!-- Plugins CSS (All Plugins Files) -->


    <!-- 
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/swiper-bundle.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/animate.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/lightgallery.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/aos.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/nice-select.min.css" />
-->


    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/style.css" /> -->


    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/style.min.css">





</head>

<body>

<div class="header section">

    <!-- Header Top Start -->
    <div class="header-top bg-primary">
        <div class="container">
            <div class="row align-items-center">

                <!-- Header Top Message Start -->
                <div class="col-12">
                    <div class="header-top-msg-wrapper text-center">
                        <p class="header-top-message text-center"><strong>数码</strong> 系列最高可减50% <a href="shop.jsp" class="btn btn-hover-dark btn-secondary">现在购买</a></p>
                        <div class="header-top-close-btn">
                            <button class="top-close-btn"><i class="pe-7s-close"></i></button>
                        </div>
                    </div>
                </div>
                <!-- Header Top Message End -->
            </div>
        </div>
    </div>
    <!-- Header Top End -->

    <!-- Header Bottom Start -->
    <div class="header-bottom">
        <div class="header-sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- Header Logo Start -->
                    <div class="col-md-6 col-lg-3 col-xl-2 col-6">
                        <div class="header-logo">
                            <a href="index.jsp"><img src="${pageContext.request.contextPath}/bs/assets/images/logo/logo.png" alt="Site Logo" /></a>
                        </div>
                    </div>
                    <!-- Header Logo End -->

                    <!-- Header Menu Start -->
                    <div class="col-lg-6 d-none d-lg-block">

                        <div class="main-menu">
                            <ul>
                                <li class="has-children">
                                    <a href="${pageContext.request.contextPath}/bs/index.jsp">首页</a>
                                </li>
                                <li class="has-children position-static">
                                    <a href="#">商品<i class="fa fa-angle-down"></i></a>
                                    <ul class="mega-menu row">
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">购买商品</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/product/list">全部商品</a></li>
                                                <li><a href="${pageContext.request.contextPath}/product/list">服装</a></li>
                                                <li><a href="${pageContext.request.contextPath}/product/list">首饰</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">特别推荐</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-sale.jsp">潘多拉手链</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-group.jsp">雷蛇皮卡丘联名</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-slider.jsp">植村秀海贼王联名</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">特别推荐</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-tab-style-left.jsp">卡西欧手表</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-tab-style-right.jsp">拍立得</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-sticky-left.jsp">优衣库</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">其他部分</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/user/userInfo">我的帐户</a></li>
                                                <li><a href="${pageContext.request.contextPath}/cart/list">购物车</a></li>
                                                <c:if test="${sessionScope.get('userSession') == null}">
                                                    <li><a href="${pageContext.request.contextPath}/bs/login.jsp">登录</a></li>
                                                    <li><a href="${pageContext.request.contextPath}/bs/register.jsp">注册</a></li>
                                                </c:if>
                                                <c:if test="${sessionScope.get('userSession') != null}">
                                                    <li><a href="${pageContext.request.contextPath}/user/loginOut">退出登录</a></li>
                                                </c:if>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>

                                <li><a href="${pageContext.request.contextPath}/bs/about.jsp">关于我们</a></li>
                                <li><a href="${pageContext.request.contextPath}/bs/contact.jsp">联系我们</a></li>
                            </ul>
                        </div>

                    </div>
                    <!-- Header Menu End -->

                    <!-- Header Action Start -->
                    <div class="col-md-6 col-lg-3 col-xl-4 col-6 justify-content-end">
                        <div class="header-actions">
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-search d-none d-lg-block"><i class="pe-7s-search"></i></a>
                            <div class="dropdown-user d-none d-lg-block">
                                <a href="javascript:void(0)" class="header-action-btn"><i class="pe-7s-user"></i></a>
                            </div>
                            <a  class="header-action-btn header-action-btn-wishlist">
                                <i class="pe-7s-like"></i>
                            </a>
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-cart">
                                <i class="pe-7s-cart"></i>
                            </a>
                            <!-- Mobile Menu Hambarger Action Button Start -->
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-menu d-lg-none d-md-block">
                                <i class="fa fa-bars"></i>
                            </a>
                            <!-- Mobile Menu Hambarger Action Button End -->

                        </div>
                    </div>
                    <!-- Header Action End -->

                </div>
            </div>
        </div>
    </div>
    <!-- Header Bottom End -->

    <!-- Offcanvas Search Start -->
    <div class="offcanvas-search">
        <div class="offcanvas-search-inner">

            <!-- Button Close Start -->
            <div class="offcanvas-btn-close">
                <i class="pe-7s-close"></i>
            </div>
            <!-- Button Close End -->

            <!-- Offcanvas Search Form Start -->
            <form class="offcanvas-search-form" action="#">
                <input type="text" placeholder="Search Product..." class="offcanvas-search-input">
            </form>
            <!-- Offcanvas Search Form End -->

        </div>
    </div>
    <!-- Offcanvas Search End -->


            <!-- Button Close Start -->
            <div class="offcanvas-btn-close">
                <i class="pe-7s-close"></i>
            </div>
            <!-- Button Close End -->



</div>
<!-- Header Section End -->

    <!-- Breadcrumb Section Start -->
    <div class="section">

        <!-- Breadcrumb Area Start -->
        <div class="breadcrumb-area bg-primary">
            <div class="container">
                <div class="breadcrumb-content">
                    <ul>
                        <li>
                            <a href="index.jsp"><i class="fa fa-home"></i> </a>
                        </li>
                        <li class="active"> 我的帐户</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Breadcrumb Area End -->

    </div>
    <!-- Breadcrumb Section End -->

    <!-- My Account Section Start -->
    <div class="section section-margin">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">

                    <!-- My Account Page Start -->
                    <div class="myaccount-page-wrapper">
                        <div class="row">

                            <!-- My Account Tab Menu Start -->
                            <div class="col-lg-3 col-md-4">
                                <div class="myaccount-tab-menu nav" role="tablist">
                                    <a href="#dashboad" class="active" data-bs-toggle="tab"><i class="fa fa-dashboard"></i>
                                        账户</a>
                                    <a href="#orders" data-bs-toggle="tab"><i class="fa fa-cart-arrow-down"></i> 命令</a>
                                    <a href="#download" data-bs-toggle="tab"><i class="fa fa-cloud-download"></i> 下载</a>
                                    <a href="#payment-method" data-bs-toggle="tab"><i class="fa fa-credit-card"></i> 付款方式</a>
                                    <a href="#account-info" data-bs-toggle="tab"><i class="fa fa-user"></i> 账户详细信息</a>
                                    <a href="${pageContext.request.contextPath}/user/loginOut"><i class="fa fa-sign-out"></i> 注销</a>
                                </div>
                            </div>
                            <!-- My Account Tab Menu End -->

                            <!-- My Account Tab Content Start -->
                            <div class="col-lg-9 col-md-8">
                                <div class="tab-content" id="myaccountContent">

                                    <!-- Single Tab Content Start -->
                                    <div class="tab-pane fade show active" id="dashboad" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h3 class="title">我的账户</h3>
                                            <div class="welcome">
                                                <p>欢迎你！<strong>${sessionScope.userSession.name}</strong> (如果不是 <strong>${sessionScope.userSession.name}!</strong><a href="${pageScope.request.contextPath}/user/loginOut" class="logout">请注销!</a>)</p>
                                            </div>
                                            <p class="mb-0">从您的帐户模块。您可以轻松地检查和查看您最近的订单，管理您的发货和帐单地址，以及编辑您的密码和帐户详细信息。</p>
                                        </div>
                                    </div>
                                    <!-- Single Tab Content End -->

                                    <!-- Single Tab Content Start -->
                                    <div class="tab-pane fade" id="orders" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h3 class="title">命令</h3>
                                            <div class="myaccount-table table-responsive text-center">
                                                <table class="table table-bordered">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>命令</th>
                                                            <th>日期</th>
                                                            <th>状态</th>
                                                            <th>总计</th>
                                                            <th>行动</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td>2018.8.22</td>
                                                            <td>未批准</td>
                                                            <td>3000</td>
                                                            <td><a href="cart.jsp" class="btn btn btn-dark btn-hover-primary btn-sm rounded-0">视图</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td>2018.6.22</td>
                                                            <td>批准</td>
                                                            <td>200</td>
                                                            <td><a href="cart.jsp" class="btn btn btn-dark btn-hover-primary btn-sm rounded-0">视图</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td>2019.4.31</td>
                                                            <td>暂停</td>
                                                            <td>990</td>
                                                            <td><a href="cart.jsp" class="btn btn btn-dark btn-hover-primary btn-sm rounded-0">视图</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single Tab Content End -->

                                    <!-- Single Tab Content Start -->
                                    <div class="tab-pane fade" id="download" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h3 class="title">下载</h3>
                                            <div class="myaccount-table table-responsive text-center">
                                                <table class="table table-bordered">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>产品</th>
                                                            <th>日期</th>
                                                            <th>到期</th>
                                                            <th>下载</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Haven - Free Real Estate PSD Template</td>
                                                            <td>2018.3.23</td>
                                                            <td>是</td>
                                                            <td><a href="#" class="btn btn btn-dark btn-hover-primary rounded-0"><i class="fa fa-cloud-download me-1"></i> 下载任务</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>HasTech - Profolio Business Template</td>
                                                            <td>2020.3.1</td>
                                                            <td>否</td>
                                                            <td><a href="#" class="btn btn btn-dark btn-hover-primary rounded-0"><i class="fa fa-cloud-download me-1"></i> 下载任务</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single Tab Content End -->

                                    <!-- Single Tab Content Start -->
                                    <div class="tab-pane fade" id="payment-method" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h3 class="title">付款方式</h3>
                                            <p class="saved-message">你还不能保存付款方式。</p>
                                        </div>
                                    </div>
                                    <!-- Single Tab Content End -->

                                    <!-- Single Tab Content Start -->
                                    <div class="tab-pane fade" id="account-info" role="tabpanel">
                                        <div class="myaccount-content">
                                            <h3 class="title">账户详细信息</h3>
                                            <div class="account-details-form">
                                                <form action="#" id="form">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <div class="single-input-item mb-3">
                                                                <label for="first-name" class="required mb-1">姓名</label>
                                                                <input type="text" id="first-name" value="${userInfo.name}" placeholder="First Name" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="single-input-item mb-3">
                                                        <label for="email" class="required mb-1">邮箱</label>
                                                        <input type="email" id="email" value="${userInfo.email}" placeholder="Email Address" />
                                                    </div>
                                                    <fieldset>
                                                        <legend>密码更改</legend>
                                                        <div class="single-input-item mb-3">
                                                            <label for="oldPassword" class="required mb-1">当前密码</label>
                                                            <input type="password" id="oldPassword" name="oldPassword" placeholder="当前密码" />
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="single-input-item mb-3">
                                                                    <label for="newPassword" class="required mb-1">新密码</label>
                                                                    <input type="password" name="newPassword" id="newPassword" placeholder="新密码" />
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="single-input-item mb-3">
                                                                    <label for="confirmPassword" class="required mb-1">确认密码</label>
                                                                    <input type="password" name="confirmPassword" id="confirmPassword" placeholder="确认密码" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </fieldset>
                                                    <div class="single-input-item single-item-button">
                                                        <button class="btn btn btn-dark btn-hover-primary rounded-0">保存更改</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div> <!-- Single Tab Content End -->

                                </div>
                            </div>
                            <!-- My Account Tab Content End -->

                        </div>
                    </div>
                    <!-- My Account Page End -->

                </div>
            </div>

        </div>
    </div>
    <!-- My Account Section End -->

<!-- Footer Section Start -->
<footer class="section footer-section">
    <!-- Footer Top Start -->
    <div class="footer-top bg-primary section-padding">
        <div class="container">
            <div class="row mb-n8">
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h1 class="widget-title">关于我们</h1>
                        <p class="desc-content">我们是一个设计和开发团队，创造高品质的wordpress，shopify，Opencart</p>
                        <!-- Soclial Link Start -->
                        <div class="widget-social justify-content-start mb-n2">
                            <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                            <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                            <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                            <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                            <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                        </div>
                        <!-- Social Link End -->
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h2 class="widget-title">联系我们</h2>
                        <ul class="contact-links">
                            <li><i class="pe-7s-home"></i> <span>黑龙江大庆市八一农垦大学</span> </li>
                            <li><i class="pe-7s-mail"></i><a href="mailto:info@example.com"> 2271000769@qq.com</a></li>
                            <li><i class="pe-7s-call"></i><a href="tel:+012-3456-789"> +012 3456 789</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget aos-init aos-animate">
                        <h2 class="widget-title">问询处</h2>
                        <ul class="widget-list">
                            <li><a href="contact.jsp">条款与条件</a></li>
                            <li><a href="contact.jsp">付款方式</a></li>
                            <li><a href="contact.jsp">产品保修</a></li>
                            <li><a href="contact.jsp">退货流程</a></li>
                            <li><a href="contact.jsp">支付保证金</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h2 class="widget-title">注册新闻稿</h2>
                        <div class="widget-body">
                            <!-- Newsletter Form Start -->
                            <div class="newsletter-form-wrap pt-1">
                                <form id="mc-form" class="mc-form">
                                    <input type="email" id="mc-email" class="form-control email-box mb-4" placeholder="demo@example.com" name="EMAIL">
                                    <button id="mc-submit" class="newsletter-btn" type="submit">订阅</button>
                                </form>
                                <!-- mailchimp-alerts Start -->
                                <div class="mailchimp-alerts text-centre">
                                    <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                    <div class="mailchimp-success text-success"></div><!-- mailchimp-success end -->
                                    <div class="mailchimp-error text-danger"></div><!-- mailchimp-error end -->
                                </div>
                                <!-- mailchimp-alerts end -->
                            </div>
                            <!-- Newsletter Form End -->
                            <p class="desc-content mb-0">加入1000多人的行列，他们可以在每次发布时自动获得免费和新鲜的内容</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Top End -->

    <!-- Footer Bottom Start -->
    <div class="footer-bottom bg-secondary pt-4 pb-4">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 text-center">
                    <div class="copyright-content">
                        <p class="mb-0">版权所有；2021.拼夕夕商城保留所有权利。<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Bottom End -->
</footer>
<!-- Footer Section End -->








    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins.min.js"></script>

    <!--Main JS-->
    <script src="${pageContext.request.contextPath}/bs/assets/js/main.js"></script>

<script src="${pageContext.request.contextPath}/bs/assets/js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">
    $(function () {
        $('#form').submit(function (e) {
            $.ajax({
                url: '${pageContext.request.contextPath}/user/updatePwd',
                type: 'post',
                data: {"newPassword":$('#newPassword').val(),"oldPassword":$('#oldPassword').val(),"confirmPassword":$('#confirmPassword').val()},
                dataType: 'JSON',
                success: function (data) {
                    if (data.code === "200") {
                        location.href = '${pageContext.request.contextPath}/bs/login.jsp'; //管理员后台
                    } else {
                        alert(data.msg);
                    }

                }
            });

        });
    })
</script>
</body>

</html>